﻿<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0" />
    <meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
    <title>Hui</title>
    <link href="../../css/Hui.css" rel="stylesheet" type="text/css" />
    <style type="text/css"></style>
</head>
<body>
    <h1 class="H-text-align-center H-font-size-28 H-theme-font-color9 H-font-family-Arial H-margin-vertical-top-25" id="Hui">HI,I'M Hui.</h1>
    <p class="H-font-size-12 H-padding-10">使用非常简单，只需要为需要动画的元素添加 <br /><span class="H-theme-font-color-red">class="animated 动画名称"</span> <br />如果想一直循环执行动画，只需要为需要动画的元素添加<br /><span class="H-theme-font-color-red">class="animated infinite 动画名称"</span></p>
    <p class="H-font-size-12 H-padding-10">温馨提示：为了方便预览，该页面默认加载了全部动画，但避免页面卡住，请每一个动画执行完毕后再点击其他动画*_*！</p>
    <script src="../../script/H.js" type="text/javascript"></script>
</body>
</html>